<template>
  <div id="app">
    <h1>黑马头条</h1>
    <div>
      <i class="toutiao toutiao-yuedu"></i>
    </div>
    <div>
      <van-button type="primary">主要按钮</van-button>
      <van-button type="info">信息按钮</van-button>
      <van-button type="default">默认按钮</van-button>
      <van-button type="warning">警告按钮</van-button>
      <van-button type="danger">危险按钮</van-button>
    </div>
    <div class="box"></div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  // 建议每个组件都起一个名字
  name: "App",
};
</script>
<style lang="less" scoped>
.box {
  width: 225px;
  height: 200px;
  background-color: pink;
}
</style>
